<!DOCTYPE html> 
<html>
<head>
    
<title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/jquery-ui.css" />
	<link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
        <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css"/>
    	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>
        <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i8n/jquery.mobile.datebox.i8n.en.js"></script>
        <script type="text/javascript" src="NewVisit.js"></script>
	
        <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    
        <script src="js/quickforms.js"></script>


<script type="text/javascript">
 $(document).ready(function(){
		$("#yes1").css("color" , "lightgray");
	  

      $("#yes1").click(function(){
	  $("#yes1").css("color" , "white");
	  $("#no1").css("color" , "lightgray");
	  });
	  $("#no1").click(function(){
	  $("#no1").css("color" , "white");
	  $("#yes1").css("color" , "lightgray");
	  });
	});
	

</script>

</head>
<body>
    <div data-role="page">

<fieldset data-role="controlgroup" data-type="horizontal">
	<legend>I have seen this Patient before:</legend>
     	<input type="radio" name="radio" id="Yes" value="Yes"/>
     	<label for="Yes" id="yes1">Yes</label>

     	<input type="radio" name="radio" id="No" value="No" checked="checked"  />
     	<label for="No" id="no1">No</label>
	</fieldset>
    </div>
    
</body>
</html>